<script>
export default {
  name: 'Button',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<template>
  <a :title="title">
    <!--
      一.vm.$attrs
         类型：{ [key: string]: string }
         详细：包含了父作用域中不作为prop被识别 (且获取)的attribute绑定(class和style 除外)。
         当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style 除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用
      二：vm.$listeners
         类型：{ [key: string]: Function | Array<Function> }
         详细：包含了父作用域中的(不含 .native 修饰器的)v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。
    -->
    <el-button v-bind="$attrs" v-on="$listeners">
      <slot></slot>
    </el-button>
  </a>
</template>

<style scoped lang="scss">

</style>
